<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Login page | Nifty - Admin Template</title>


	<!--STYLESHEET-->
	<!--=================================================-->

	<!--Open Sans Font [ OPTIONAL ] -->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin" rel="stylesheet">


	<!--Bootstrap Stylesheet [ REQUIRED ]-->
	<link href="../resource/core/css/bootstrap.min.css" rel="stylesheet">


	<!--Nifty Stylesheet [ REQUIRED ]-->
	<link href="../resource/core/css/nifty.min.css" rel="stylesheet">


	<!--Themify Icons [ OPTIONAL ]-->
	<link href="../resource/core/themify-icons/themify-icons.min.css" rel="stylesheet">


	<!--Magic Checkbox [ OPTIONAL ]-->
	<link href="../resource/core/plugins/magic-check/css/magic-check.min.css" rel="stylesheet">

	<!--OverlayScrollbars 滚动条美化插件-->
	<link href="../resource/core/plugins/overlayScrollbars/css/OverlayScrollbars.css" rel="stylesheet" type="text/css">
	<link href="../resource/core/plugins/overlayScrollbars/themes/os-theme-round-dark.css" rel="stylesheet">
	<link href="../resource/core/plugins/overlayScrollbars/themes/os-theme-round-light.css" rel="stylesheet">
	<link href="../resource/core/plugins/overlayScrollbars/themes/os-theme-block-dark.css" rel="stylesheet">
	<link href="../resource/core/plugins/overlayScrollbars/themes/os-theme-block-light.css" rel="stylesheet">
	<link href="../resource/core/plugins/overlayScrollbars/themes/os-theme-minimal-dark.css" rel="stylesheet">
	<link href="../resource/core/plugins/overlayScrollbars/themes/os-theme-minimal-light.css" rel="stylesheet">
	<link href="../resource/core/plugins/overlayScrollbars/themes/os-theme-thick-dark.css" rel="stylesheet">
	<link href="../resource/core/plugins/overlayScrollbars/themes/os-theme-thick-light.css" rel="stylesheet">
	<link href="../resource/core/plugins/overlayScrollbars/themes/os-theme-thin-dark.css" rel="stylesheet">
	<link href="../resource/core/plugins/overlayScrollbars/themes/os-theme-thin-light.css" rel="stylesheet">


	<!--app core [ REQUIRED ]-->
	<link href="../resource/core/css/core/app-core.css" rel="stylesheet">


	<!--JAVASCRIPT-->
	<!--=================================================-->

	<!--Page Load Progress Bar [ OPTIONAL ]-->
	<link href="../resource/core/plugins/pace/css/pace.min.css" rel="stylesheet">
	<script src="../resource/core/plugins/pace/js/pace.min.js"></script>


	<!--jQuery [ REQUIRED ]-->
	<script src="../resource/core/js/jquery-2.2.4.min.js"></script>


	<!--BootstrapJS [ RECOMMENDED ]-->
	<script src="../resource/core/js/bootstrap.min.js"></script>


	<!--Nifty Admin [ RECOMMENDED ]-->
	<script src="../resource/core/js/nifty.min.js"></script>

	<!-- overlayScrollbars 滚动条美化插件 -->
	<script src="../resource/core/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>

	<!-- jquery-qrcode 二维码自动生成插件 -->
	<script src="../resource/core/plugins/jquery-qrcode/jquery.qrcode.min.js"></script>


	<%--app-core--%>
	<script src="../resource/core/js/core/app-core.js"></script>


	<!--=================================================

	REQUIRED
	You must include this in your project.


	RECOMMENDED
	This category must be included but you may modify which plugins or components which should be included in your project.


	OPTIONAL
	Optional plugins. You may choose whether to include it in your project or not.


	Detailed information and more samples can be found in the document.

	=================================================-->

</head>

<!--TIPS-->
<!--You may remove all ID or Class names which contain "demo-", they are only used for demonstration. -->

<body>
<div id="container" class="cls-container">

	<!-- BACKGROUND IMAGE -->
	<!--===================================================-->
	<div id="bg-overlay" class="bg-img"></div>


	<!-- LOGIN FORM -->
	<!--===================================================-->
	<div class="cls-content">
		<div class="cls-content-sm panel">
			<div class="panel-body">
				<div class="mar-ver pad-btm">
					<h3 class="h4 mar-no">用户登录</h3>
					<p class="text-muted">Sign In to your account</p>
				</div>
				<form action="<c:url value="/main/login" />" method="post">
					<c:if test="${error!=null && error!=''}">
						<div class="alert alert-danger">${error}</div>
					</c:if>
					<div class="form-group">
						<input type="text" class="form-control" name="username" placeholder="账号" autofocus>
					</div>
					<div class="form-group">
						<input type="password" class="form-control" name="password" placeholder="密码">
					</div>
					<div class="checkbox pad-btm text-left">
						<input id="demo-form-checkbox" class="magic-checkbox" type="checkbox" name="rememberMe">
						<label for="demo-form-checkbox">记住我</label>
					</div>
					<button class="btn btn-primary btn-lg btn-block" type="submit">登录</button>
				</form>
			</div>

			<div class="pad-all">
				<a href="#" class="btn-link mar-rgt">忘记密码？</a>
				<a href="#" class="btn-link mar-lft">注册新用户</a>

				<div class="media pad-top bord-top">
					<div class="pull-right">
						<a href="#" class="pad-rgt"><i class="ti-facebook icon-lg text-primary"></i></a>
						<a href="#" class="pad-rgt"><i class="ti-twitter-alt icon-lg text-info"></i></a>
						<a href="#" class="pad-rgt"><i class="ti-google icon-lg text-danger"></i></a>
					</div>
					<div class="media-body text-left">
						Login with
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--===================================================-->



</div>
<!--===================================================-->
<!-- END OF CONTAINER -->


</body>
</html>
